<div class="foundation-nav main-nav grid-content shrink" style="padding: 0;">
  <div class="hide-for-small-only">
    <div class="menu-group dark">
      <div class="menu-group-left">
        <ul class="menu-bar dark">
         <li class="notable-logo"><a ng-href="http://zurb.com/"><h1>ZURB</h1><strong>Studios</strong></a></li>
       </ul>
     </div>
     <div class="menu-group-right">
      <ul class="menu-bar dark">
        <li class="has-dropdown">
          <a href="http://zurb.com/studios/working-together">Work</a>
          <ul class="dropdown-content">
            <li><a href="http://zurb.com/studios/working-together">Approach</a></li>
            <li><a href="http://zurb.com/studios/our-work/services">Services</a></li>
            <li><a href="http://zurb.com/studios/our-work/case-studies">Case Studies</a></li>
          </ul>
        </li>

        <li class="has-dropdown">
          <a href="http://zurb.com/studios/customers/industries">Customers</a>
          <ul class="dropdown-content">
            <li><a href="http://zurb.com/studios/customers/industries">Industries</a></li>
            <li><a href="http://zurb.com/studios/customers/startup">Startups</a></li>
            <li><a href="http://zurb.com/studios/customers/small-business">Small Businesses</a></li>
            <li><a href="http://zurb.com/studios/customers/enterprise">Enterprises</a></li>
          </ul>
        </li>

        <li class="has-dropdown">
          <a href="http://zurb.com/wired">Wired</a>
          <ul class="dropdown-content">
            <li><a href="http://zurb.com/wired/about">About</a></li>
            <li><a href="http://zurb.com/wired/past-events">Past Events</a></li>
            <li><a href="http://zurb.com/wired/volunteers">Volunteers</a></li>
            <li><a href="http://zurb.com/wired/resources">Resources</a></li>
            <li><a href="http://zurb.com/wired/blog">Blog</a></li>
          </ul>
        </li>

        <li class="has-dropdown">
          <a href="http://zurb.com/playground">Sparks</a>
          <ul class="dropdown-content">
            <li><a href="http://zurb.com/playground">Playground</a></li>
            <li><a href="http://zurb.com/word">Word</a></li>
            <li><a href="http://zurb.com/friday15">Friday 15</a></li>
          </ul>
        </li>

        <li>
          <a href="http://zurb.com/studios/who-we-are">About</a>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="show-for-small-only">
  <ul class="menu-bar dark">
    <li class="mobile notable-logo"><a zf-toggle="off-canvas"><i style="margin-right: 10px; font-size: 18px;" class="fi-list"></i><h1>ZURB</h1><strong>Studios</strong></a></li>
  </ul>
</div>
